.banner {
    width: 100%;
    height: 400px;
    background-size: cover;
    img{
        height: 100%;
    }
}
.rh {
    margin-top:10px;
}
// 家医签约
.main {
    width: 100%;
    display: flex;
}

.left {
    width: 265px;
    margin-right: 16px;
}

.left .bg {
    width: 264px;
    margin-bottom: 8px;
    background: rgba(115, 181, 244, 1);
    border-radius: 10px;
    display: flex;
    cursor: pointer;
}
.left .bgs{
    background:rgba(169,209,249,1);
}
.left .bg span {
    display: block;
}

.left .pic {
    width: 65px;
    height: 65px;
    margin: 6px 33px;
    border-radius: 20px;
    background-repeat: no-repeat;
    background-size: cover;

}

//
.fw {
    width: 100%;
    background: rgba(255, 250, 247, 1);
    border: 1px solid rgba(229, 229, 229, 1);
    border-radius: 10px;
    margin-bottom: 10px;
    padding: 39px 18px 11px;

    .base {
        color: rgba(16, 187, 224, 1);
        font-size: 16px;
        line-height: 20px;
        border-bottom: 1px rgba(153, 153, 153, 1) dashed;
        margin-bottom: 37px;
        padding-bottom: 12px;

        span:nth-of-type(1) {
            flex: 1;
            cursor: pointer;
        }

        span:nth-of-type(2) {
            cursor: pointer;
            color: rgba(153, 153, 153, 1);
        }

    }

    .hui {
        color: rgba(153, 153, 153, 1);
    }
}

.icon1201 {
    background-image: url('../img/12icon01.png');
}

.icon1202 {
    background-image: url('../img/12icon02.png');
}

.icon1203 {
    background-image: url('../img/12icon03.png');
}

.icon1204 {
    background-image: url('../img/12icon04.png');
}

.left .word {
    font-size: 18px;
    line-height: 80px;
    color: rgba(255, 255, 255, 1);
}

.common {
    border-radius: 5px;
    box-sizing: border-box;
    margin-bottom: 10px;
}

.ab {
    border: 1px solid rgba(229, 229, 229, 1);
}

.myDoctor {
    display: flex;
    background: rgba(244, 253, 255, 1);
    border: 1px solid rgba(138, 205, 246, 1);

}
.mydoctor .noword{
    width:500px;
    font-size: 18px;
    margin-top: 40px;
   
}

.myDoctor .logo {
    width: 124px;
    height: 124px;
    border-radius: 10px;
    margin: 20px;
    background: linear-gradient(0deg, rgba(234, 244, 254, 1) 0%, rgba(255, 255, 255, 1) 100%);
}
.myDoctor .logo img{
    height: 100%;
}

.message {
    margin-top: 24px;
}

.message p {
    font-size: 13px;
    margin-bottom: 9px;
    color: rgba(153, 153, 153, 1);
}

.message p:nth-of-type(1) {
    font-size: 14px;
    color: rgba(51, 51, 51, 1);
}

.suggest {
    padding: 0 20px;
}

.jianjie {
    width: 100%;
    padding: 22px 0;
    display: flex;
    border-bottom: 1px solid rgba(222, 222, 222, 1);
}

.jianjie p:nth-of-type(1) {
    width: 15px;
    height: 15px;
    border-radius: 50%;

    background-size: cover;
    margin-right: 10px;

}


.sicon1 {
    background-image: url(../img/12icon05.png);
}

.sicon2 {
    background-image: url(../img/12icon06.png);
}

.sicon3 {
    background-image: url(../img/12icon07.png);
}

.sicon4 {
    background-image: url(../img/12icon08.png);
}

.jianjie p:nth-of-type(2) {
    font-size: 14px;
    color: rgba(51, 51, 51, 1);
    line-height: 1;
}

.miaoshu {
    text-indent: 30px;
    color: rgba(102, 102, 102, 1);
    font-size: 13px;
    width: 100%;
    padding: 20px 0px 30px;
}

//更换家医生
.change {
    flex: 1;

    .titles {
        width: 100%;
        display: flex;
        box-sizing: border-box;
        height: 48px;
        background: rgba(255, 245, 245, 1);
        border-radius: 10px 10px 0px 0px;
        margin-bottom: 10px;
        color: rgba(153, 153, 153, 1);

        p {
            font-size: 14px;
            margin: 18px 19px 16px  0px;
            line-height: 1;
            // cursor: pointer;

            &.on {
                color: rgba(37, 180, 230, 1);
            }
        }

        .b {
            flex: 1;
        }

        .c {
            width: 240px;
            height: 34px;
            padding: 0;
            margin: 7px 15px;
            background: rgba(255, 255, 255, 1);
            border: 1px solid rgba(221, 221, 221, 1);
            border-radius: 4px;

            input {
                flex: 1;
                font-size: 12px;
                line-height: 1;
                height: 14px;
                margin: 10px 13px;
                border:0;

            }

            span {
                width: 12px;
                height: 12px;
                display: block;
                margin: 10px 10px 11px 10px;
                background-image: url(../img/icon_search01.png);
                background-size: cover;
            }
        }

    }

    .titles p:nth-of-type(1) {
        border-right: 1px solid rgba(221, 221, 221, 1);
        margin-right: 16px;
        padding-left: 16px;
        padding-right:16px;
    }

    .doclist {
        ul {
            padding-bottom: 40px;

        }

        li {
            width: 100%;
            padding: 16px 17px;
            margin-top: 10px;
            background: #fff;
            border-radius: 10px;
            border: 1px solid rgba(138, 205, 246, 1);
            box-sizing: border-box;
            display: flex;

            div {
                display: inline-block;
            }

            .center {
                float: left;
                flex: 1;

                h6 {
                    font-size: 15px;
                    margin-top: 30px;
                    margin-bottom: 24px;
                    color: #333;
                }

                p {
                    columns: #666666;
                    
                    font-size: 12px;
                    margin-bottom: 9px;
                    line-height: 1;

                    span {
                        display: inline-block;
                        width: 13px;
                        height: 13px;
                        margin-right: 16px;
                    }

                    .tel {
                        background: url(../img/13icon01.png) no-repeat;
                        background-size: cover;

                    }

                    .address {
                        background: url(../img/13icon02.png) no-repeat;
                        background-size: cover;

                    }
                }
            }
        }

        .left {
            width: 163px;
            height: 114px;
            float: left;
            border-radius: 5px;
            overflow: hidden;
            margin-right: 20px;
            background: url(../img/img_Hospital.png) no-repeat;
            background-size: cover;
        }

        .right {
            width: 46px;
            position: relative;
            float: right;
            margin-right: 20px;
            // cursor: pointer;

            .jian {
                height: 80px;
                width: 100%;
                background: url(../img/img_Arrow.png) no-repeat;
                background-size: cover;
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
            }
        }

        .block {
            background: rgba(255, 255, 255, 1);
            border: 1px solid rgba(138, 205, 246, 1);
            border-radius: 5px;
            box-sizing: border-box;
            padding: 10px 15px;
            display: flex;
            margin-bottom: 10px;
        }

        .block .logo {
            width: 100px;
            height: 120px;
            margin-right: 20px;
            background: linear-gradient(0deg, rgba(234, 244, 254, 1) 0%, rgba(255, 255, 255, 1) 100%);
            border-radius: 10px;
            background-repeat: no-repeat;
            background-size: cover;

        }

        .three-center {
            flex: 1;
        }

        .three-center p {
           
            display: flex;
            margin-top:5px;
        }

        .three-center p span {
            display: block;
        }

        .three-center p span:nth-of-type(1) {
            color: rgba(51, 51, 51, 1);
            font-size: 14px;
            line-height: 1;
            margin-right: 20px;
        }

        .three-center .small {
            box-sizing: border-box;
        }

        .three-center .tc {
            color: rgba(153, 153, 153, 1);
            font-size: 12px;
            line-height:20px;
           

        }
        .three-center .c5 {
            color: #FF6633;
            line-height: 20px;

        }
        .three-right {
            width: 140px;
            position: relative;
        
        }

        .three-right p {
            position: absolute;
            // cursor: pointer;
            bottom: 0;
            width: 120px;
            right: 0;
            height: 38px;
            background: rgba(113, 209, 255, 1);
            border: 1px solid rgba(229, 229, 229, 1);
            border-radius: 5px;
            color: #fff;
            font-size: 14px;
            line-height: 38px;
            text-align: center;

        }
    }

    .btns {
        margin-top: 20px;
        height: 32px;
       
        p {
            float: right;

            .btn {
                // cursor: pointer;
                width: 98px;
                height: 32px;
                background: rgba(222, 222, 222, 1);
                border: 1px solid rgba(229, 229, 229, 1);
                border-radius: 5px;
                line-height: 32px;
                text-align: center;
                color: rgba(255, 255, 255, 1);
                font-size: 14px;
            }

            .word {
                width: 64px;
                height: 32px;
                background: rgba(255, 255, 255, 1);
                border: 1px solid rgba(229, 229, 229, 1);
                border-radius: 5px;
                line-height: 32px;
                text-align: center;
                color: rgba(51, 51, 51, 1);
                font-size: 14px;
                margin: 0 10px;

            }

            .blue {
                background: rgba(101, 178, 248, 1);
            }
        }
    }
}

//基础服务包
.fwb {
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(229, 229, 229, 1);
    border-radius: 10px;
    flex: 1;

    .tab {
        height: 48px;
        padding: 14px 0px 16px 0px;
        background: rgba(229, 255, 229, 1);
        font-size: 14px;
        color: rgba(153, 153, 153, 1);

        span {
            padding: 0 16px;
            height: 18px;
            line-height: 18px;
            cursor: pointer;
            border-left: 1px solid rgba(204, 204, 204, 1);
            border-right: 1px solid rgba(204, 204, 204, 1);
            // cursor: pointer;
        }

        span:nth-of-type(1) {
            border-left: 0;
            margin-left: 0;
        }

        span:nth-of-type(3) {
            border-right: 0;
        }

        .color {
            color: #25B4E6;
        }
    }

    ul {
        padding: 0 16px;

        li {
            margin-top: 20px;

            p {
                font-size: 14px;
              
            }

            .first {
                .circle {
                    width: 14px;
                    height: 14px;
                    background: rgba(198, 211, 247, 1);
                    border: 1px solid rgba(229, 229, 229, 1);
                    border-radius: 50%;
                    margin-right: 17px;
                }

                .tit {
                    line-height: 1;
                    color:rgba(102,102,102,1);
                }

            }

            .second {
                padding-left: 68px;
                font-size: 12px;
                margin-top: 8px;
                color:rgba(153,153,153,1);
                line-height: 24px;
            }
        }
    }
}

//意见与建议

.tips {
    flex: 1;
    background: rgba(244, 253, 255, 1);
    border: 1px solid rgba(138, 205, 246, 1);
    border-radius: 5px;
    padding: 30px 80px 40px;

    .title {
        color: rgba(0, 152, 239, 1);
        font-size: 16px;
        line-height: 1;
        margin-bottom: 30px;
    }

    textarea {
        width: 100%;
        height: 320px;
        background: rgba(255, 255, 255, 1);
        border: 1px solid rgba(229, 229, 229, 1);
        border-radius: 8px;
        color: rgba(153, 153, 153, 1);
        font-size: 13px;
        padding: 20px;
        line-height: 24px;
    }

    .btn {
        span {
            width: 260px;
            height: 60px;
            background: rgba(0, 152, 239, 1);
            border-radius: 5px;
            text-align: center;
            line-height: 60px;
            color: rgba(255, 255, 255, 1);
            font-size: 16px;
            margin: 35px auto 0;
            display: block;
        }
    }
}

//建立档案填写信息

.jlda {
    flex: 1;

    .tit {
        height: 40px;
        background: rgba(244, 253, 255, 1);
        border: 1px solid rgba(138, 205, 246, 1);
        border-radius: 5px;
        line-height: 40px;
        color: rgba(255, 68, 0, 1);
        font-size: 14px;
        padding-left: 17px;
        margin-bottom: 11px;
    }

    .cs {
        background: rgba(255, 253, 253, 1);
        border: 1px solid rgba(138, 205, 246, 1);
        border-radius: 5px;

        .tits {
            background: rgba(236, 255, 239, 1);
            border-radius: 5px;
            padding: 12px 17px;
            font-size: 14px;
            color: rgba(51, 51, 51, 1);
            line-height: 24px;

            span {
                display: block;
            }

            .icon {
                width: 22px;
                height: 24px;
                background:url(../img/12icon02.png);
                background-size: 100% 100%;
                margin-right: 15px;
            }
        }
        .title{
            background:rgba(255,236,236,1);
        }

    }

    //基本情况
    .write {
        .w-con {
            padding: 20px 16px;

            .w {
                flex: 1;

                .row {
                  
                    background: rgba(255, 255, 255, 1);
                    border: 1px solid rgba(229, 229, 229, 1);
                    border-radius: 5px;
                    margin-bottom: 8px;
                    padding: 13px 12px;

                    .t {
                        color: rgba(51, 51, 51, 1);
                        font-size: 12px;
                        line-height: 1;
                        display: block;
                        margin-left: 0

                    }

                    input {
                        color: rgba(153, 153, 153, 1);
                        font-size: 12px;
                        line-height: 1;
                        display: block;
                        height: 13px;
                         border:0;
                        flex: 1;
                        margin-left: 18px;
                    }
                }
                    .circle {
                        width: 13px;
                        height: 13px;
                        border-radius: 50%;
                        box-sizing: border-box;
                        border: 1px solid rgba(153, 153, 153, 1);

                        i {
                            display: block;
                            width: 5px;
                            background: rgba(153, 153, 153, 1);
                            height: 5px;
                            border-radius: 50%;
                            margin: 3px;
                        }

                        .cg {
                            background: rgba(153, 153, 153, 1);
                        }
                    }

                    .cb {
                        border-color:greenyellow ;
                        i{
                            background: greenyellow
                        }
                    }

                    .yi {
                        margin-left: 62px;
                    }

                    .er {
                        margin-left: 26px;
                    }

                    .word {
                        color: rgba(153, 153, 153, 1);
                        font-size: 12px;
                        line-height: 1;
                        margin-left: 7px;
                    }

                    .s {
                        flex: 1;
                        // margin-left:13px;
                        .san {
                            margin-left: 9px;
                        }

                        .si {
                            margin-left: 26px;
                        }

                        .wu {
                            margin-left: 33px;
                        }
                    }

                    .borderb {
                        border-bottom: 1px solid rgba(229, 229, 229, 1);
                        padding-bottom:18px;
                        margin-bottom: 17px;
                    }
                

                .block {
                    background: rgba(255, 255, 255, 1);
                    border: 1px solid rgba(229, 229, 229, 1);
                    border-radius: 5px;
                    border-bottom: 0;
                    width: 327px;
                    margin-bottom: 10px;
                    .row{
                        border-top:0;
                        border-left:0;
                        border-right:0;
                    }
                    .wenhua{
                        display: flex;
                        width:260px;
                        margin:0 auto;
                        border-bottom: 1px solid rgba(229, 229, 229, 1);
                        .rows{
                            border-bottom: 0;
                            
                        }
                    }
                    .rows {
                        width: 100%;
                        border: 0;
                        margin: 0;
                        border-radius: 0;
                        padding:13px 0;
                        border-bottom: 1px solid rgba(229, 229, 229, 1);

                    }

                    .add {
                        color: rgba(153, 153, 153, 1);
                        margin: 0;
                    }

                    .rows:nth-last-of-type(1) {
                        border-radius: 5px;
                    }

                    .radius {
                        
                        border-radius: 0;
                    }

                    .checks {
                        border-bottom: 1px solid rgba(229, 229, 229, 1);
                        border-radius: 5px;
                        padding:0 18px;
                        .check {
                           
                            width: 13px;
                            height: 13px;
                            margin-left: 0;
                            border:1px solid rgba(205,205,205,1); 

                        }
                        .t{
                            margin-left: 8px;
                            line-height: 1;
                        }
                        .checkG{
                            border:none;
                            background-image: url(../img/choice4.png);
                            background-size: cover;
                        }

                        .c {
                            border-radius: 0;
                        }

                        .c:nth-last-of-type(1) {
                            border: 0;
                        }
                    }
                }

            }

            .w-right {
                margin-left: 10px;

            }


        }

        .mbtn {
            margin-top: 40px;
            margin-bottom: 40px;

            .btn {
                display: block;
                text-align: center;
                line-height: 38px;
                margin: 0 auto;
                color: #fff;
                font-size: 14px;
                width: 200px;
                height:38px;
                background: rgba(0, 152, 239, 1);
                border-radius: 5px;
            }
        }

    }

    //健康
    .health {
        .heal {
            padding: 20px 10px;

            .heal-com {
                width: 328px;

                .block {
                    background: rgba(255, 255, 255, 1);
                    border: 1px solid rgba(229, 229, 229, 1);
                    border-radius: 5px;
                    margin-bottom: 8px;

                    .h-first {
                        color: rgba(51, 51, 51, 1);
                        font-size: 12px;
                        line-height: 1;
                        padding: 15px 17px 13px 10px;

                    }
                   
                    .h-second {
                        padding: 13px 0 14px;
                       
                        .h-w {
                            color: rgba(102, 102, 102, 1);
                            font-size: 12px;
                            display: block;
                            height: 13px;
                            line-height: 1;
                        }

                        .h-w1 {
                            padding-right: 14px;
                            padding-left: 17px;
                        }

                        .h-w2 {
                            padding-left: 15px;
                            padding-right: 15px;
                        }

                        .h-w3 {
                            flex: 1;
                            font-size: 12px;
                        }

                    }
                    .border-b {
                        border-bottom: 1px solid rgba(229, 229, 229, 1);
                    }
                    .live{
                        padding:15px 25px 0;
                        .live-row{
                            border-bottom: 1px solid #E5E5E5;
                            margin-bottom: 15px;
                            padding-bottom: 5px;
                            display: flex;
                            .live-first{
                                width: 100px;
                                color:rgba(102,102,102,1);
                                font-size: 12px;
                                line-height: 1;
                            }
                            .live-second{
                                flex: 1;
                                p{
                                    color:rgba(102,102,102,1);
                                    font-size: 12px;
                                    line-height: 1; 
                                    float: left;
                                    margin-bottom: 10px;
                                    span{
                                        display: inline-block;
                                        width: 13px;
                                        height: 13px;
                                        border-radius: 50%;
                                        margin-right: 7px;
                                        border:1px solid #AAAAAA;
                                        i{
                                            width:5px;
                                            height: 5px;
                                            display: block;
                                            margin:3px;
                                            border-radius: 50%;
                                            background: #AAAAAA;
                                        }
                                    }
                                    .colorCircle{
                                        border:1px solid greenyellow;
                                        i{
                                            background: greenyellow;
                                        }
                                    }
                                }
                                p:nth-of-type(2n-1){
                                    width: 45%;
                                }
                                p:nth-of-type(2n){
                                    width: 55%;
                                }
                            }
                        }
                        .noborder{
                            border: none;
                            margin-bottom: 0;
                            padding-bottom: 0;
                        }
                    }

                    .sblock {
                        padding-left: 25px;

                    }
                    .avdio{
                        margin-right: 25px;
                    }
                    .duoxuan{
                        height: 120px;
                        .eat{
                            min-width: 92px;
                            float: left;
                            padding: 0;
                            margin-top:9px;
                        }
                        .eat:nth-of-type(11){
                            margin-left: 78px;
                        }
                    }
                    .jibing{
                        margin-left:25px;
                        height: 80px;
                    }
                    .xiyan{
                        padding:0 25px;
                        border-top:1px solid rgba(229, 229, 229, 1);
                        .row{
                            padding: 8px 0;
                            .s-word1{
                                width:100px;
                            }
                        }
                        select{
                            width:160px;
                            float: right;
                            border: none;
                            //清除select聚焦时候的边框颜色
                            outline: none;
                            font-size:12px;
                            //隐藏select的下拉图标
                            appearance: none;
                            -webkit-appearance: none;
                            -moz-appearance: none;
                            //通过padding-left的值让文字居中
                           
                            background: #fff;

                        }
                    }
                    .miaosu{
                        padding-bottom: 10px;
                    }
                    .s-p {
                        padding: 14px 0;

                        .s-word1 {
                            width: 100px;
                        }

                        .s-word2 {
                            width: 70px;
                        }

                        .circle {
                            width: 13px;
                            height: 13px;
                            border-radius: 50%;
                            border: 1px solid rgba(153, 153, 153, 1);
                            margin-right: 8px;

                            i {
                                width: 5px;
                                height: 5px;
                                background: rgba(153, 153, 153, 1);
                                border-radius: 50%;
                                margin: 3px;
                                display: block;
                            }
                        }

                        .cb {
                            border: 1px solid greenyellow;

                            i {
                                background: greenyellow;
                            }
                        }
                    }

                    .s-word {
                        font-size: 12px;
                        color: rgba(102, 102, 102, 1);
                        line-height: 1;
                        display: block;
                    }

                    .nob {
                        border: none;
                    }

                    .eat {
                        padding: 14px 0;

                        .box {
                            margin-right: 8px;
                            width: 13px;
                            height: 13px;
                            border:1px solid rgba(205,205,205,1); 

                        }
                        .checkG{
                            border:none;
                            background-image: url(../img/choice4.png);
                            background-size: cover;
                        }

                        .h-w3 {
                            margin-left: 15px;
                        }
                    }

                    .abox {
                        .bao {
                            margin-left: 27px;
                        }

                    }

                    .bing {
                        margin-left: 12px;
                    }


                }
            }

            .heal-left {
                margin-right: 8px;
            }

            .heal-right {
                margin-left: 8px;
            }

        }

        .btn {
            margin: 22px 0 29px;

            span {
                width: 200px;
                height: 38px;
                background: rgba(0, 152, 239, 1);
                border-radius: 5px;
                display: block;
                color: #fff;
                text-align: center;
                line-height: 38px;
                margin: 0 auto;

                font-size: 14px;
            }
        }

    }

}

//签约成功
.success {
    flex: 1;
    background:rgba(244,253,255,1);
    border: 1px solid rgba(138, 205, 246, 1);
    border-radius: 5px;
    padding-top: 59px;
    padding-bottom:342px;

    .succ {
        font-size: 14px;
        text-align: center;
        color: rgba(255, 68, 0, 1);
        line-height:40px;
        margin-bottom: 42px;

    }

    .doc {
        width: 458px;
        height: 240px;
        background: rgba(244, 253, 255, 1);
        border: 1px solid rgba(229, 229, 229, 1);
        border-radius: 10px;
        margin: 0 auto;
        padding: 22px 25px;

        .pic {
            width: 163px;
            height: 196px;
            background: red;
            margin-right: 33px;
        }

        .fir {
            margin-bottom: 29px;

            span:nth-of-type(1) {
                color: rgba(51, 51, 51, 1);
                font-size: 14px;
                margin-right: 33px;
            }

        }

        .comword {
            color: rgba(102, 102, 102, 1);
            font-size: 12px;
        }

        .pp {
            margin-bottom: 17px;
        }
    }

}

//
.jy_layer {
    position: fixed;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    z-index: 1000;
    width: 100%;
    height: 100%;
    background: rgb(0, 0, 0);
    opacity: 0.4;
}

.jy_qy_qrap {
    position: fixed;
    width: 668px;
    background: #fff;
    border-radius: 8px;
    padding: 25px 74px;
    left: 50%;
    height: 500px;
    overflow-y: auto;
    top: 50%;
    box-sizing: border-box;
    transform: translateX(-50%) translateY(-50%);
    // margin: -350px 0 0 -400px;
    z-index: 10000;
    .x{
        width: 24px;
        height: 24px;
        background: url(../../dist/img/3icon05.png);
        background-size: cover;
        position: absolute;
        z-index: 999;
        right: 20px;
        top: 20px;
    }

    h3 {
        font-size: 18px;
        color: rgba(0, 152, 239, 1);
        margin-bottom: 24px;
    }

    .qy_info_wrap {
        margin-bottom: 9px;
        width: 520px;
        height:38px;
        background: rgba(255, 255, 255, 1);
        border: 1px solid rgba(229, 229, 229, 1);
        border-radius: 8px;
        font-size: 12px;
        color: rgba(102, 102, 102, 1);
        position: relative;
    }
   

    .qy_info {

        width: 123px;
        height: 100%;
        font-size: 12px;
        color: rgba(51, 51, 51, 1);

        .img {
            width: 20px;
            height: 20px;
            margin: 0 17px 0 15px;
            background-repeat: no-repeat;
            background-size: 100%;

            &.img1 {
                background-image: url(../img/14icon01.png);
            }

            &.img2 {
                background-image: url(../img/14icon02.png)
            }

            &.img3 {
                background-image: url(../img/14icon03.png)
            }

        }
    }

    .que_ren {
        margin: 16px 0px 8px;

        span {
            width: 14px;
            height: 14px;
            margin-right: 16px;
            border: 1px solid #3DCA3F;
            overflow: hidden;
        }
        .check{
            border:0;
            background-image: url(../img/choice4.png);
            background-size: cover;
        }

        font-size:12px;
        font-family:'SourceHanSansCN-Regular';
        color:rgba(51, 133, 255, 1);
    }

    ._fwinfo {
        background: rgba(255, 255, 255, 1);
        border: 1px solid rgba(229, 229, 229, 1);
        border-radius: 8px;

        h4 {
            border-bottom: 1px solid #c3c3c3;
            padding-left:18px;
            font-size: 12px;
            height: 38px;
            line-height:38px;
            font-weight: 400;
            color: rgba(51, 51, 51, 1);
        }
    }

    .fw_cont {
        padding:24px 30px 36px;

        .l2 {
            margin: 5px 0;
        }

        p {
            font-size: 12px;
            color: rgba(102, 102, 102, 1);
            line-height: 22px;
        }
    }

    .btn {
        width: 120px;
        height:38px;
        background: rgba(0, 152, 239, 1);
        border-radius: 10px;
        margin: 0 auto;
        font-size: 14px;
        color: rgba(255, 255, 255, 1);
        line-height: 38px;
        text-align: center;
        // cursor: pointer;
        margin-top: 30px;
    }
}

// @media screen and (min-width: 1400px){
//         .banner{ 
//             width:100%;
//             height:640px;
//         }
//         // 家医签约
//         .main{
//             width: 100%;
//             display: flex;
//         }
//         .left{
//             width:324px;
//             margin-right:20px;
//         }
//         .left .bg{
//             width:324px;
//             margin-bottom: 15px;
//             background:rgba(115,181,244,1);
//             border-radius:10px;
//             display: flex;
//         }
//         .left .bg span{
//             display:block;
//         }
//         .left .pic{
//             width:80px;
//             height: 80px;
//             margin:10px 40px;
//             border-radius:20px;
//             background-repeat: no-repeat;
//             background-size: cover;

//         }
//         //
//         .fw{
//             width:100%;
//             background:rgba(255,250,247,1);
//             border:1px solid rgba(229,229,229,1);
//             border-radius:10px;
//             margin-bottom: 10px;
//             padding:39px 18px  11px ; 
//             .base{
//                 color:rgba(16,187,224,1);
//                 font-size: 20px;
//                 line-height: 24px;
//                 border-bottom: 1px rgba(153,153,153,1) dashed; 
//                 margin-bottom: 37px;
//                 padding-bottom: 12px;
//                 span:nth-of-type(1){
//                     flex: 1;   
//                 }
//                 span:nth-of-type(2){
//                     color: rgba(153,153,153,1);
//                 }

//             }
//             .hui{
//                 color: rgba(153,153,153,1);   
//             }
//         }
//         .icon1201{
//             background-image: url('../img/12icon01.png');
//         }
//         .icon1202 {
//             background-image: url('../img/12icon02.png');
//         }
//         .icon1203 {
//             background-image: url('../img/12icon03.png');
//         }
//         .icon1204 {
//             background-image: url('../img/12icon04.png');
//         }

//         .left .word{
//             font-size: 20px;
//             line-height: 100px;
//             color:rgba(255,255,255,1);
//         }
//         .common{
//             border-radius:5px;

//             box-sizing: border-box;
//             margin-bottom: 10px;
//             width:856px;
//         }
//         .ab{
//             border:1px solid rgba(229,229,229,1);
//         }
//         .myDoctor{
//             display: flex;
//             background:rgba(244,253,255,1);
//             border:1px solid rgba(138,205,246,1);

//         }
//         .logo{
//             width:124px;
//             height: 124px;
//             border-radius: 10px;
//             margin:20px;
//             background:linear-gradient(0deg,rgba(234,244,254,1) 0%,rgba(255,255,255,1) 100%);
//         }
//         .message{
//             margin-top:25px;
//         }
//         .message p{
//             font-size: 15px;
//             margin-bottom: 9px;
//             color:rgba(153,153,153,1);
//         }
//         .message p:nth-of-type(1){
//             font-size: 17px;
//             color:rgba(51,51,51,1);
//         }
//         .suggest{
//             padding: 0 20px;
//         }
//         .jianjie{
//             width:100%;
//             padding:22px 0;
//             display: flex;
//             border-bottom:1px solid rgba(222,222,222,1);
//         }
//         .jianjie p:nth-of-type(1) {
//             width:20px;
//             height: 20px;
//             border-radius: 50%;

//             background-size: cover;
//             margin-right:10px;

//         }
//         .sicon1{
//             background-image: url(../img/12icon05.png);
//             background-size: cover;
//         }
//         .sicon2{
//             background-image: url(../img/12icon06.png);
//             background-size: cover;
//         }

//         .sicon3{
//             background-image: url(../img/12icon07.png);
//             background-size: cover;
//         }

//         .sicon4{
//             background-image: url(../img/12icon08.png);
//             background-size: cover;
//         }
//         .jianjie p:nth-of-type(2){
//             font-size:16px;
//             color:rgba(51,51,51,1);
//             line-height:1;
//         }
//         .miaoshu{
//             text-indent:30px;
//             color:rgba(102,102,102,1);
//             font-size: 15px;
//             width:100%;
//             padding:22px 0px 32px;
//         }
//         //更换家医生
//         .change{
//             flex: 1;
//             .titles{
//                 width:100%;
//                 display: flex;
//                 box-sizing: border-box;
//                 margin-bottom: 10px;
//                 background:rgba(255,245,245,1);
//                 border-radius:10px 10px 0px 0px;
//                 font-size: 20px;
//                 line-height: 1;
//                 color:rgba(153,153,153,1);
//                 p{
//                     margin:20px 19px;
//                     &.on{
//                         color:rgba(37, 180, 230, 1);
//                     }
//                 }
//                 .a{
//                     width:280px;
//                     border-right:1px solid rgba(221,221,221,1);
//                     margin-right:40px;
//                 }
//                 .b{
//                     flex: 1;
//                 }
//                 .c{
//                     width:300px;
//                     height:40px;
//                     padding:0;
//                     margin:9px 20px 0 0 ;
//                     background:rgba(255,255,255,1);
//                     border:1px solid rgba(221,221,221,1);
//                     border-radius:4px;
//                     input{
//                         flex: 1;
//                         font-size: 16px;
//                         line-height: 1;
//                         height: 16px;
//                         margin:11px 13px;

//                     }
//                     span{
//                         width:18px;
//                         height:18px;
//                         display: block;
//                         margin:11px 16px 15px 0;
//                         background-image: url(../img/icon_search01.png);
//                         background-size: cover;
//                     }
//                 }
//             }

//             .doclist{
//                 ul{
//                 padding-bottom: 40px;

//                 }
//                 li {
//                 width: 100%;
//                 padding:20px;
//                 margin-top:10px;
//                 background: #fff;
//                 border-radius: 10px;
//                 display: flex;
//                 border:1px solid rgba(138,205,246,1);
//                 box-sizing: border-box;
//                 div{
//                     display: inline-block;
//                 }
//                 .center{
//                     flex: 1;
//                     h6{
//                     font-size: 20px;
//                     margin-top:15px;
//                     color: #333;
//                     }
//                     p{
//                     columns: #666666;;
//                     font-size: 16px; 
//                     margin-top:10px; 
//                     line-height: 1;
//                     span{
//                         display: inline-block;
//                         width:16px;
//                         height:16px;
//                         margin-right: 16px;
//                     }
//                     .tel{
//                         background: url(../img/13icon01.png) no-repeat;  
//                     }
//                     .address{
//                         background: url(../img/13icon02.png) no-repeat;
//                     }
//                     }
//                 }
//                 }
//                 .left{
//                 width: 200px;
//                 height:140px;
//                 float: left;
//                 border-radius: 5px;
//                 overflow: hidden;
//                 margin-right: 20px;
//                 background: url(../img/img_Hospital.png) no-repeat;
//                 }
//                 .right{
//                 width:56px;
//                 margin-right: 20px;
//                 position: relative;
//                 .jian{
//                     height:100px;
//                     width: 100%;
//                     background: url(../img/img_Arrow.png) no-repeat;
//                     background-size: cover;
//                     position: absolute;
//                     top:50%;
//                     transform: translateY(-50%);
//                 }
//                 }
//                 .block {
//                     background: rgba(255, 255, 255, 1);
//                     border: 1px solid rgba(138, 205, 246, 1);
//                     border-radius: 5px;
//                     box-sizing: border-box;
//                     padding: 20px;
//                     display: flex;
//                     margin-bottom: 10px;
//                 }

//                 .block .logo {
//                     width: 100px;
//                     height: 124px;
//                     background: linear-gradient(0deg, rgba(234, 244, 254, 1) 0%, rgba(255, 255, 255, 1) 100%);
//                     border-radius: 10px;
//                     margin-right: 20px;
//                     background-repeat: no-repeat;
//                     background-image: url(../img/14img01.png);
//                     background-size: cover;

//                 }

//                 .three-center {
//                     flex: 1;
//                 }

//                 .three-center p {
//                     margin-bottom: 10px;
//                     display: flex;
//                 }

//                 .three-center p span {
//                     display: block;
//                 }

//                 .three-center p span:nth-of-type(1) {
//                     color: rgba(51, 51, 51, 1);
//                     font-size: 20px;
//                     line-height: 1;
//                     margin-right: 20px;
//                 }

//                 .three-center .small {
//                     box-sizing: border-box;
//                     padding-top: 5px;
//                 }

//                 .three-center .tc {
//                     color: rgba(153, 153, 153, 1);
//                     font-size: 14px;
//                     line-height: 20px;

//                 }

//                 .three-right {
//                     width: 180px;
//                     position: relative;
//                 }

//                 .three-right p {
//                     position: absolute;
//                     bottom: 0;
//                     width: 100%;
//                     height: 48px;
//                     background: rgba(113, 209, 255, 1);
//                     border: 1px solid rgba(229, 229, 229, 1);
//                     border-radius: 5px;
//                     color: #fff;
//                     font-size: 18px;
//                     line-height: 48px;
//                     text-align: center;

//                 }
//             }
//             .btns{
//                 margin-top:40px;
//                 height: 50px;
//                 p{

//                     float: right;
//                     .btn{
//                         width:120px;
//                         height:50px;
//                         background:rgba(222,222,222,1);
//                         border:1px solid rgba(229,229,229,1);
//                         border-radius:5px;
//                         line-height: 50px;
//                         text-align: center;
//                         color:rgba(255,255,255,1);
//                         font-size: 18px;
//                     }
//                     .word{
//                         width:100px;
//                         height:50px;
//                         background:rgba(255,255,255,1);
//                         border:1px solid rgba(229,229,229,1);
//                         border-radius:5px;
//                         line-height: 50px;
//                         text-align: center;
//                         color:rgba(51,51,51,1);
//                         font-size: 18px;
//                         margin:0 10px;

//                     }
//                     .blue{
//                         background:rgba(101,178,248,1);
//                     }
//                 }
//             }
//         }
//         //基础服务包
//         .fwb{
//             background:rgba(255,255,255,1);
//             border:1px solid rgba(229,229,229,1);
//             border-radius:10px;
//             flex: 1;
//             padding-bottom: 60px;
//             .tab{
//                 padding:21px 20px;
//                 background:rgba(229,255,229,1);
//                 font-size: 20px;
//                 color:rgba(153,153,153,1);
//                 span{
//                     padding:0 39px;
//                     border-left:1px solid rgba(204,204,204,1);
//                     border-right:1px solid rgba(204,204,204,1);
//                 }
//                 span:nth-of-type(1){
//                     border-left:0;
//                     margin-left:0;
//                 }
//                 span:nth-of-type(3){
//                     border-right:0;
//                 }
//                 .color{
//                     color: #25B4E6;
//                 }
//             }
//             ul{
//                 padding:0 20px;
//                 li{
//                     margin-top:40px;
//                     p{
//                         font-size: 18px;
//                         color:rgba(153,153,153,1);
//                     }
//                     .first{ 
//                         .circle{
//                             width:18px;
//                             height:18px;
//                             background:rgba(198,211,247,1);
//                             border:1px solid rgba(229,229,229,1);
//                             border-radius:50%;
//                             margin-right:21px;
//                         }
//                         .tit{
//                             line-height: 1;
//                         }

//                     }
//                     .second{
//                         padding-left:68px;
//                         margin-top:18px;
//                         line-height: 24px;
//                     }
//                 }
//             }
//         }
//         //意见与建议

//         .tips{
//             flex: 1;
//             background:rgba(244,253,255,1);
//             border:1px solid rgba(138,205,246,1);
//             border-radius:5px;
//             padding:30px 80px 40px;
//             .title{
//                 color:rgba(0,152,239,1);
//                 font-size: 24px;
//                 line-height: 1;
//                 margin-bottom: 30px;
//             }
//             textarea{
//                 width: 100%;
//                 height:420px;
//                 background:rgba(255,255,255,1);
//                 border:1px solid rgba(229,229,229,1);
//                 border-radius:8px;
//                 color:rgba(153,153,153,1);
//                 font-size: 16px;
//                 padding:20px;
//                 line-height: 24px;
//             }
//             .btn{
//                 span{
//                     width:260px;
//                     height:60px;
//                     background:rgba(0,152,239,1);
//                     border-radius:5px;
//                     text-align: center;
//                     line-height: 60px;
//                     color:rgba(255,255,255,1);
//                     font-size: 24px;
//                     margin:35px auto 0;
//                     display: block;
//                 }
//             }
//         }
//         //建立档案填写信息

//         .jlda{
//             flex: 1;
//             .tit{
//                 height:68px;
//                 background:rgba(244,253,255,1);
//                 border:1px solid rgba(138,205,246,1);
//                 border-radius:5px;
//                 line-height: 68px;
//                 color:rgba(255,68,0,1);
//                 font-size: 20px;
//                 padding-left:20px;
//                 margin-bottom: 10px;
//             }
//             .cs{
//                 background:rgba(255,253,253,1);
//                 border:1px solid rgba(138,205,246,1);
//                 border-radius:5px;
//                 .tits{
//                     background:rgba(236,255,239,1);
//                     border-radius:5px;
//                     padding:18px 20px;
//                     font-size: 24px;
//                     color:rgba(51,51,51,1);
//                     line-height: 1;
//                     span{
//                         display: block;
//                     }
//                     .icon{
//                         width:22px;
//                         height:24px;
//                         background: red;
//                         margin-right:20px;
//                     }
//                 }

//             }
//             //基本情况
//             .write{
//                 .w-con{
//                     padding:20px;
//                     .w{
//                         flex: 1;
//                         .row{
//                             width:400px;
//                             background:rgba(255,255,255,1);
//                             border:1px solid rgba(229,229,229,1);
//                             border-radius:5px;
//                             margin-bottom: 10px;
//                             padding:15px 12px;
//                             .t{
//                                 color:rgba(51,51,51,1);
//                                 font-size: 18px;
//                                 line-height: 1;
//                                 display: block;

//                             }
//                             input{
//                                 color:rgba(153,153,153,1);
//                                 font-size: 16px;
//                                 line-height: 1;
//                                 display: block;
//                                 flex: 1;
//                                 margin-left: 15px;
//                             }
//                             .circle{
//                                 width:16px;
//                                 height:16px;
//                                 border-radius: 50%;
//                                 border:1px solid greenyellow;
//                                 i{
//                                     display: block;
//                                     width:10px;
//                                     background: greenyellow;
//                                     height: 10px;
//                                     border-radius: 50%;
//                                     margin:2px auto;
//                                 }
//                                 .cg{
//                                     background:rgba(153,153,153,1);    
//                                 }
//                             }
//                             .cb{
//                                 border-color: rgba(153,153,153,1);
//                             }

//                             .yi{
//                                 margin-left: 47px;
//                             }
//                             .er{
//                                 margin-left:30px;
//                             }
//                             .word{
//                                 color:rgba(153,153,153,1);
//                                 font-size: 16px;
//                                 line-height: 1;
//                                 margin-left:10px;
//                             }
//                             .s{
//                                 flex:1;
//                                 .san{
//                                     margin-left:9px;
//                                 }
//                                 .si{
//                                     margin-left:28px;
//                                 }
//                                 .wu{
//                                     margin-left:39px;
//                                 }
//                             }
//                             .borderb{
//                                 border-bottom: 1px solid rgba(229,229,229,1);
//                                 padding-bottom: 20px;
//                                 margin-bottom: 25px;
//                             }
//                         }
//                         .block{
//                             background:rgba(255,255,255,1);
//                             border:1px solid rgba(229,229,229,1);
//                             border-radius:5px;
//                             border-bottom: 0;
//                             width:400px;
//                             margin-bottom: 10px;
//                             .rows{
//                                 width:100%;
//                                 border:0;
//                                 margin:0;
//                                 border-radius: 0;
//                                 border-bottom:1px solid rgba(229,229,229,1); 

//                             }
//                             .add{
//                                 color:rgba(153,153,153,1);
//                                 margin:0;
//                             }
//                             .rows:nth-last-of-type(1){
//                                 border-radius:5px;
//                             }
//                             .radius{
//                                 border-radius: 0;
//                             }
//                             .checks{
//                                 padding:0 20px;
//                                 border-bottom:1px solid rgba(229,229,229,1); 
//                                 border-radius:5px;
//                                 .check{
//                                     flex: 0;
//                                     margin-right:10px;
//                                     margin-left:0;
//                                 }
//                                 .c{
//                                     border-radius: 0;
//                                 }
//                                 .c:nth-last-of-type(1){
//                                     border:0;
//                                 }
//                             }
//                         }

//                     }
//                     .w-right{
//                         margin-left:10px; 

//                     }


//                 }
//                 .mbtn{
//                     margin-top:160px;
//                     margin-bottom: 20px;
//                     .btn{
//                         display: block;
//                         text-align: center;
//                         line-height: 60px;
//                         margin: 0 auto;
//                         color: #fff;
//                         font-size:24px;
//                         width:260px;
//                         height:60px;
//                         background:rgba(0,152,239,1);
//                         border-radius:5px;
//                     }
//                 }

//             }
//             //健康
//             .health{
//                 .heal{
//                     padding:20px;
//                     .heal-com{
//                         width:400px;
//                         .block{
//                             background:rgba(255,255,255,1);
//                             border:1px solid rgba(229,229,229,1);
//                             border-radius:5px;
//                             margin-bottom: 10px;
//                             .h-first{
//                                 color:rgba(51,51,51,1);
//                                 font-size: 18px;
//                                 line-height:1;
//                                 padding:16px 16px 15px 16px;


//                             }
//                             .h-second{
//                                 padding:16px 0 17px;
//                                 .h-w{
//                                     color:rgba(102,102,102,1);
//                                     font-size: 16px;
//                                     display: block;
//                                     height: 16px;  
//                                     line-height: 1;
//                                 }
//                                 .h-w1{
//                                     padding-right:15px;
//                                     padding-left: 20px;
//                                 }
//                                 .h-w2{
//                                     padding-left: 15px;
//                                     padding-right: 20px;
//                                 }
//                                 .h-w3{
//                                     flex: 1;
//                                     font-size: 16px;
//                                 }

//                             }
//                             .border-b{
//                                 border-bottom:1px solid rgba(229,229,229,1);
//                             }

//                             .sblock{
//                                 padding:0 28px;

//                             }
//                             .s-p{
//                                 padding:16px 0;
//                                 .s-word1{
//                                     width:120px;
//                                 }
//                                 .s-word2{
//                                     width:100px;
//                                 }
//                                 .circle{
//                                     width:16px;
//                                     height:16px;
//                                     border-radius: 50%;
//                                     border:1px solid rgba(153,153,153,1);
//                                     margin-right:10px;
//                                     i{
//                                         width:10px;
//                                         height: 10px;
//                                         background:rgba(153,153,153,1);
//                                         border-radius: 50%;
//                                         margin:2px;
//                                         display: block;
//                                     }
//                                 }
//                                 .bcircle{
//                                     border:1px solid greenyellow;
//                                     i{
//                                         background:greenyellow; 
//                                     }
//                                 }
//                             }
//                             .s-word{
//                                 font-size:16px;
//                                 color:rgba(102,102,102,1);
//                                 line-height: 1;
//                                 display: block;
//                             }
//                             .nob{
//                                 border:none;
//                             }
//                             .eat{
//                                 padding:16px 0 17px;
//                                 .box{
//                                     margin-right:10px;
//                                     width:16px;
//                                     height: 16px;

//                                 }
//                                 .h-w3{
//                                     margin-left:15px;
//                                 }
//                             }
//                             .abox{
//                                 .bao{
//                                     margin-left:30px;
//                                 }

//                             }
//                             .bing{
//                                 margin-left:12px;
//                             }


//                         }
//                         .block1{
//                             margin-bottom: 20px;
//                         }
//                     }
//                     .heal-left{
//                         margin-right:8px;
//                     }
//                     .heal-right{
//                         margin-left:8px;
//                     }

//                 }
//                 .btn{
//                     margin:20px;
//                     span{
//                         width:260px;
//                         height:60px;
//                         background:rgba(0,152,239,1);
//                         border-radius:5px;
//                         display: block;
//                         color: #fff;
//                         text-align: center;
//                         line-height: 60px;
//                         margin: 0 auto;

//                         font-size:24px;
//                     }
//                 }

//             }

//         }
//         //签约成功
//         .success{
//             flex: 1;
//             background:rgba(255,255,255,1);
//             border:1px solid rgba(138,205,246,1);
//             border-radius:5px;
//             padding-top:38px;
//             padding-bottom: 190px;
//             .succ{
//                 font-size:28px;
//                 text-align: center;
//                 color:rgba(255,68,0,1);
//                 line-height:42px;
//                 margin-bottom: 60px;

//             }
//             .doc{
//                 width:560px;
//                 height:300px;
//                 background:rgba(244,253,255,1);
//                 border:1px solid rgba(229,229,229,1);
//                 border-radius:10px;
//                 margin:0 auto;
//                 padding: 30px;
//                 .pic{
//                     width:200px;
//                     height: 240px;
//                     background: red;
//                     margin-right:40px;
//                 }
//                 .fir{
//                     margin-bottom: 38px;

//                     span:nth-of-type(1){
//                         color:rgba(51,51,51,1);
//                         font-size: 24px;
//                         margin-right:40px;
//                     }

//                 }
//                 .comword{
//                     color:rgba(102,102,102,1);
//                     font-size: 18px;
//                 }
//                 .pp{
//                     margin-bottom: 20px;
//                 }
//             }

//         }

//     }
//     
//     

